<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">

	<meta name="description" content="MarkDown简明语法在线编辑器实验">
	<meta name="keywords" content="HTML,CSS,JS,MARKDOWN,BOOTSTRAP">
	<meta name="author" content="zhonger">
	
	<title>MarkDown简明语法在线编辑器实验室</title>
	<link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap.min.css">	
	<link rel="stylesheet" href="./bower_components/bootstrap/dist/css/bootstrap-theme.min.css">	
	<script src="./bower_components/jquery/dist/jquery.min.js"></script>	
	<script src="./bower_components/bootstrap/dist/js/bootstrap.js"></script>
	<link rel="icon" href="./images/logo.ico">
    <link rel="stylesheet" href="main.css">
    <script src="main.js"></script>
</head>
<body>
	<?php require_once "head.php"?>
	<div class="container">
		<div class="row">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="jumbotron md-all">
							<h2 class="text-center">欢迎进入MarkDown简明语法在线编辑器实验室!</h2>
							<p class="md-author">——自2015年10月</p>
						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="row">
                            <div class="panel panel-default">
                                  <div class="panel-heading">导航列表</div>
                                  <div class="panel-body" id="list">
                                        <div class="col-md-3 col-sm-3 md-word ">
                                            <a href="{{link}}" id="{{label}}">
                                                <h4 class="list" style="background-image:url(images/{{img}}.ico)">{{title}}</h4>
                                            </a>
                                        </div>
                                  </div>
                             </div>
                        </div>				
					</div>	
				</div>
			</div>
			
		</div>
	</div>
    <?php require_once "copy.html" ?>
</body>
</html>